<template>
    <div>
        <p>我是father 组件</p>
        <!-- v-model 在标签上使用 -->
        <!-- <input type="text" v-model="msg"> -->
        <!-- v-model 在组件上使用 实现组件通信-->

        <!-- 直接使用v-model   -->
        <Son v-model="msg"></Son>
        <!-- <Son :modelValue="msg" @update:modelValue='getdata'></Son> -->
    </div>
</template>

<script>
// v-model 如果使用在组件上, 则实现了父子组件的双向绑定, 也可以称之为父传子和子传父


import Son from './Son.vue';
export default {
    data() {
        return {
            msg: '123'
        }
    },
    components: {
        Son
    },
    methods: {
        // getdata(data) {
        //     this.msg = data
        // }
    }
}
</script>
<style scoped></style>